<!--  车讯 -->
<template>
  <div>
    <img class="tc-img" src="../../../assets/images/02.png" alt />
    <div @click="TheDetails" class="tc-list" v-for="(item, index) in carLisst" :key="index">
      <div class="tc-item">
        <img class="tc-img" :src="item.img" alt />
        <div class="tc-read">
          <p>{{item.name}}</p>
          <div>
            <p class="tc-time">{{item.time}}</p>
            <div class="tc-browse">
              <img src="../../../assets/images/18.png" alt />
              <p>{{item.browse}}</p>
            </div>
          </div>
        </div>
      </div>
      <div class="tc-link">
        <p>
          提及到: {{item.text}}
          <span>{{item.price}}万起</span>
        </p>
        <img src="../../../assets/images/05.png" alt />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "TheCar",
  data() {
    return {
      // 假数据
      carLisst: [
        {
          img: require("../../../assets/images/08.png"),
          name: "007来袭！它会抢蔚来ES6的份额吗？",
          time: "2020年04月02号",
          browse: "42555",
          text: " 蔚来ES6",
          price: "35.8"
        },
        {
          img: require("../../../assets/images/09.png"),
          name: "16万的国产中大型SUV表现如何？一起来看看汉龙旷世",
          time: "2020年04月02号",
          browse: "42555",
          text: "汉",
          price: "35.8"
        },
        {
          img: require("../../../assets/images/10.png"),
          name: "30几万买这台操控好配置多的英伦轿车，竟能省下一台飞度的价格",
          time: "2020年04月02号",
          browse: "42555",
          text: "汉",
          price: "35.8"
        },
        {
          img: require("../../../assets/images/12.png"),
          name: "德国Fendt分特第25万台房车下线：分特Bianco Selection 465de",
          time: "2020年04月02号",
          browse: "12544",
          text: " 商",
          price: "45"
        }
      ]
    };
  },
  methods: {
    TheDetails() {
      this.$router.push({ path: "/TheDetails" });
    }
  }
};
</script>

<style>
</style>